
@import 'flexs';
@each $var in $flexs {
  .rui-flex-#{$var} {
    @extend %#{$var};
  }
}
.rui-flex-content {
  @extend %fc;
}
.rui-fg {flex-grow: 1;}
.rui-fa {flex: none;}
.rui-fwb {font-weight: bold !important;}

/* text-algin */
.rui-tal {text-align: left !important;}
.rui-tac {text-align: center !important;}
.rui-tar {text-align: right !important;}
.rui-tdl{text-decoration: line-through!important;}

.rui-pr {position: relative !important;}
.rui-pf{position: fixed!important;}
.rui-ps{
  position: sticky;
  top: 0;
  left: 0;
}

.rui-justify{text-align: justify;}
.rui-justify::after{
  content: '';
  display: inline-block; 
  padding-left: 100%;
}
